<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html" template="/layout/normal.xhtml"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:s="http://jboss.com/products/seam/taglib">

	<ui:define name="body">
		<a name="errores" />
		<h:panelGrid columns="1" id="mensaje">
			<h:messages id="mesage1" styleClass="mensaje_bienvenida">
				<a4j:support event="onchange" action="location.hash='#errores'"></a4j:support>
			</h:messages>
		</h:panelGrid>
		<h:panelGrid columns="1" styleClass="contenedor_pest">
			<rich:tabPanel styleClass="pestanya">
				<rich:tab label="Equipo" styleClass="no_border">
					<rich:spacer height="15px;"></rich:spacer>
					<h:panelGrid columns="1">
						<h:outputText value="DATOS DEL EQUIPO" styleClass="th200_titulo" />
					</h:panelGrid>
					<rich:spacer height="3px;"></rich:spacer>
					<rich:separator styleClass="separadorTres"></rich:separator>
					<rich:spacer height="10px;"></rich:spacer>
					<h:panelGrid columns="1">
						<h:outputText
							value="El nombre del equipo es el único campo obligatorio para el alta de un nuevo equipo."
							styleClass="thDescripcion_peq700" />
					</h:panelGrid>
					<rich:spacer height="5px;"></rich:spacer>
					<h:panelGrid columns="1">
						<h:panelGrid columns="5">
							<h:outputText value="Nombre" styleClass="th80" />
							<h:inputText value="#{equipoAction.nombre}" styleClass="input150"
								disabled="#{equipoAction.modo == 2}" />
							<rich:spacer width="25px;" />
							<h:outputText value="Fundación" styleClass="th80" />
							<h:selectOneMenu value="#{equipoAction.equipo.fundacion}"
								styleClass="input75" id="fundacion"
								disabled="#{equipoAction.modo == 2}">
								<s:selectItems var="tipo" value="#{equipoAction.listaAnios}"
									label="#{tipo.anio}" noSelectionLabel=""></s:selectItems>
								<s:convertEntity />
							</h:selectOneMenu>
						</h:panelGrid>
					</h:panelGrid>
					<rich:spacer height="15px;"></rich:spacer>
					<h:panelGrid columns="1">
						<h:outputText value="ESCUDO" styleClass="th200_titulo" />
					</h:panelGrid>
					<rich:spacer height="3px;"></rich:spacer>
					<rich:separator styleClass="separadorTres"></rich:separator>
					<rich:spacer height="10px;"></rich:spacer>
					<h:panelGrid columns="5">
						<h:panelGrid columns="1" cellspacing="5px;" id="photoPanel">
							<rich:fileUpload id="upload" listHeight="160px;"
								listWidth="300px;" allowFlash="true"
								fileUploadListener="#{equipoAction.obtenerFotografia}"
								maxFilesQuantity="1" acceptedTypes="jpg,jpeg,gif,png,bmp"
								immediateUpload="false" addControlLabel="Seleccionar"
								clearAllControlLabel="Limpiar todo" clearControlLabel="Limpiar"
								stopEntryControlLabel="Stop" uploadControlLabel="Subir foto"
								doneLabel="Finalizado" progressLabel="subiendo..."
								transferErrorLabel="Error al subir"
								sizeErrorLabel="Tamaño max. excedido"
								disabled="#{equipoAction.modo == 2}">
								<a4j:support event="onuploadcomplete"
									reRender="photo, photoPanel, mensaje, nophoto"></a4j:support>
							</rich:fileUpload>
							<h:outputText value="Pulse seleccionar para cargar un escudo"
								styleClass="th250_info"
								rendered="#{equipoAction.equipo.foto == null}" />
						</h:panelGrid>
						<h:panelGrid columns="2" id="nophoto">
							<rich:spacer width="15px;"
								rendered="#{equipoAction.equipo.foto == null}"></rich:spacer>
							<h:graphicImage rendered="#{equipoAction.equipo.foto == null}"
								url="/temas/tiki/imagenes/otros/noFotoEscudo.png" width="120px;"
								height="206px;" />
						</h:panelGrid>
						<h:panelGrid columns="2" id="photo">
							<rich:spacer width="15px;"
								rendered="#{equipoAction.equipo.foto !=null}" />
							<h:panelGrid columns="1">
								<s:graphicImage value="#{equipoAction.equipo.foto}"
									width="150px" height="175px"
									rendered="#{equipoAction.equipo.foto != null}"></s:graphicImage>
								<a4j:commandButton action="#{equipoAction.deletePhoto}" value=""
									styleClass="boton_modal eliminar" style="width:150px;"
									rendered="#{equipoAction.equipo.foto !=null}"
									reRender="photoPanel, photo, mensaje, nophoto"
									title="pulsa para eliminar el escudo y poder cargar un nuevo"
									disabled="#{equipoAction.modo == 2}" />
							</h:panelGrid>
						</h:panelGrid>
						<rich:spacer width="15px;"></rich:spacer>
						<h:panelGrid columns="1" width="200px;">
							<h:outputText
								value="Sube aquí el escudo identificativo del equipo a dar de alta. Recuerda que sólo podrá subir un escudo,
								 aunque siempre podrá cambiar este cuando lo desee."
								styleClass="thDescripcion_peq200" />
						</h:panelGrid>
					</h:panelGrid>
					<rich:spacer height="15px;"></rich:spacer>
					<h:panelGrid columns="1">
						<h:outputText value="PALMARÉS" styleClass="th200_titulo" />
					</h:panelGrid>
					<rich:spacer height="3px;"></rich:spacer>
					<rich:separator styleClass="separadorTres"></rich:separator>
					<rich:spacer height="10px;"></rich:spacer>
				</rich:tab>
				<rich:tab label="Participaciones" styleClass="no_border">
					<rich:spacer height="15px;"></rich:spacer>
					<h:panelGrid columns="1">
						<h:outputText
							value="Aquí se recogen todas las participaciones del equipo en el campeonato a lo largo de sus
						 años en activo. Seleccione la temporada de la que deseea ver los datos de participación del equipo."
							styleClass="thDescripcion_peq700" />
					</h:panelGrid>
					<rich:spacer height="15px;"></rich:spacer>
					<h:panelGrid columns="2">
						<h:outputText value="Temporada" styleClass="th80" />
						<h:selectOneMenu value="#{equipoAction.nextParticipacion}">
							<s:selectItems var="tipo"
								value="#{equipoAction.listaParticipaciones}"
								label="#{tipo.temporada.anio.anio}" noSelectionLabel=""></s:selectItems>
							<s:convertEntity />
							<a4j:support event="onchange"
								action="#{equipoAction.selectTemporada()}"
								reRender="datosEquipo, estadisticasEquipo"></a4j:support>
						</h:selectOneMenu>
					</h:panelGrid>
					<rich:spacer height="15px;"></rich:spacer>
					<h:panelGrid columns="1" id="datosEquipo">
						<h:outputText value="1. Datos del equipo"
							styleClass="th200_titulo" />
						<rich:spacer height="3px;"></rich:spacer>
						<rich:separator styleClass="separadorTres"></rich:separator>
						<rich:spacer height="10px;"></rich:spacer>
						<h:outputText
							value="No hay ningún jugador que forme parte de este equipo."
							styleClass="thDescripcion_peq600"
							rendered="#{jugadoresEquipo == null or (jugadoresEquipo != null and jugadoresEquipo.size == 0)}" />
						<rich:spacer height="10px;" />
						<h:panelGrid columns="2">
							<h:outputText value="Añadir nuevo jugador" />
							<a4j:commandButton
								action="#{equipoAction.nuevoJugadorParticipante()}" value=""
								styleClass="boton_speq add" reRender="nuevoJug"
								disabled="#{equipoAction.participacion == null}"
								title="pulsa para añadir un nuevo jugador al equipo para esta temporada">
							</a4j:commandButton>
						</h:panelGrid>
						<h:panelGrid columns="1" id="jugadoresEquipo">
							<rich:dataTable id="tablaJugadores" value="#{jugadoresEquipo}"
								var="jug" headerClass="rich-table-header"
								onRowMouseOver="this['cssoriginal']=this.style.backgroundColor;this.style.backgroundColor='#99FF99';"
								onRowMouseOut="this.style.backgroundColor=this['cssoriginal'];"
								rowClasses="fila_impar,fila_par" cellpadding="0" cellspacing="0"
								rendered="#{jugadoresEquipo!=null and jugadoresEquipo.rowCount >0}"
								width="500px" rows="5">

								<rich:column style="width:50px;text-align:center;"
									sortBy="#{jug.dorsal}">
									<f:facet name="header">
										<h:outputText value="Dorsal" style="width:50px;" />
									</f:facet>
									<h:outputText value="#{jug.dorsal}" style="width:50px;"></h:outputText>
								</rich:column>
								<rich:column style="width:200px;text-align:center;"
									sortBy="#{jug.jugador.apellidos}">
									<f:facet name="header">
										<h:outputText value="Jugador" style="width:200px;"></h:outputText>
									</f:facet>
									<h:outputText
										value="#{jug.jugador.apellidos}, #{jug.jugador.nombre}"
										style="width:200px;"></h:outputText>
								</rich:column>
								<rich:column style="width:50px;text-align:center;">
									<f:facet name="header">
										<h:outputText value="Edad" style="width:50px;"></h:outputText>
									</f:facet>
									<h:outputText value="#{jug.edad}" style="width:50px;"></h:outputText>
								</rich:column>
								<rich:column style="width:100px;text-align:center;"
									sortBy="#{jug.posicion.posicion}">
									<f:facet name="header">
										<h:outputText value="Posición" style="width:100px;"></h:outputText>
									</f:facet>
									<h:outputText value="#{jug.posicion.posicion}"
										style="width:100px;"></h:outputText>
								</rich:column>
								<rich:column style="width:50px;text-align:center;">
									<f:facet name="header">
										<h:outputText value="Años ant." style="width:50px;"></h:outputText>
									</f:facet>
									<h:outputText
										value="#{equipoAction.verAntiguedad(jug.jugador)}"
										style="width:50px;" />
								</rich:column>
								<rich:column style="width:50px;text-align:center;">
									<f:facet name="header">
										<h:outputText value="Editar" style="width:50px;"></h:outputText>
									</f:facet>
									<a4j:commandButton action="edicion" value=""
										styleClass="boton_peq edit" style="width:50px;">
									</a4j:commandButton>
								</rich:column>
								<rich:column style="width:50px;text-align:center;">
									<f:facet name="header">
										<h:outputText value="Eliminar" style="width:50px;"></h:outputText>
									</f:facet>
									<a4j:commandButton action="#{equipoAction.deleteJugador()}"
										reRender="mensaje, mesage1, jugadoresEquipo" value=""
										style="width:50px;" styleClass="boton_peq eliminar">
									</a4j:commandButton>
								</rich:column>
							</rich:dataTable>
							<rich:datascroller align="center" for="tablaJugadores"
								maxPages="20" page="1" id="sc"
								rendered="#{jugadoresEquipo!=null and jugadoresEquipo.rowCount >0}" />
						</h:panelGrid>

						<!-- Seccion de alta de nuevos jugadores -->
						<h:panelGrid columns="1" id="nuevoJug" cellspacing="10px;">
							<h:panelGrid columns="7"
								rendered="#{equipoAction.nuevoJug == true}">
								<h:outputText value="Buscar" styleClass="th50" />
								<h:inputText value="#{equipoAction.buscarJug}"
									styleClass="input100" />
								<rich:spacer width="15px;"></rich:spacer>
								<h:outputText value="en" styleClass="th50" />
								<h:selectOneMenu value="#{equipoAction.buscarJugEn}"
									styleClass="input75">
									<f:selectItem itemLabel="apellidos" itemValue="1" />
									<f:selectItem itemLabel="nombre" itemValue="2" />
								</h:selectOneMenu>
								<rich:spacer width="15px;"></rich:spacer>
								<a4j:commandButton action="#{equipoAction.buscarJugadores()}"
									value="" styleClass="boton_peq buscar" reRender="resultadosBus"
									title="pulsa para buscar jugadores para el equipo">
								</a4j:commandButton>
							</h:panelGrid>

							<h:panelGrid columns="3" cellspacing="10px;" id="resultadosBus">
								<h:panelGrid columns="1">
									<h:outputText
										value="No se han obtenido resultados con los criterios establecidos."
										styleClass="thDescripcion_peq600"
										rendered="#{jugadoresBus != null and jugadoresBus.size == 0}" />


									<rich:dataTable id="jugadoresBuscados" value="#{jugadoresBus}"
										var="jug" headerClass="rich-table-header"
										onRowMouseOver="this['cssoriginal']=this.style.backgroundColor;this.style.backgroundColor='#99FF99';"
										onRowMouseOut="this.style.backgroundColor=this['cssoriginal'];"
										rowClasses="fila_impar,fila_par" cellpadding="0"
										cellspacing="0"
										rendered="#{jugadoresBus!=null and jugadoresBus.rowCount >0}"
										width="350px" rows="5">

										<rich:column style="width:150px;text-align:center;"
											sortBy="#{jug.jugador.apellidos}">
											<f:facet name="header">
												<h:outputText value="Apellidos" style="width:100px;" />
											</f:facet>
											<h:outputText value="#{jug.jugador.apellidos}"
												style="width:150px;"></h:outputText>
										</rich:column>
										<rich:column style="width:100px;text-align:center;"
											sortBy="#{jug.jugador.nombre}">
											<f:facet name="header">
												<h:outputText value="Nombre" style="width:100px;"></h:outputText>
											</f:facet>
											<h:outputText value="#{jug.jugador.nombre}"
												style="width:100px;"></h:outputText>
										</rich:column>
										<rich:column style="width:50px;text-align:center;">
											<f:facet name="header">
												<h:outputText value="Edad" style="width:50px;"></h:outputText>
											</f:facet>
											<h:outputText value="#{jug.edad}" style="width:50px;"></h:outputText>
										</rich:column>
										<rich:column style="width:50px;text-align:center;">
											<f:facet name="header">
												<h:outputText value="Añadir" style="width:50px;"></h:outputText>
											</f:facet>
											<a4j:commandButton styleClass="boton_speq add" value=""
												style="width:50px;" action="#{equipoAction.addJugador(jug)}"
												title="pulsa para añadir al jugador seleccionado al equipo"
												reRender="selJug">
											</a4j:commandButton>
										</rich:column>
									</rich:dataTable>
									<rich:datascroller align="center" for="jugadoresBuscados"
										maxPages="20" page="1" id="sc2"
										rendered="#{jugadoresBus !=null and jugadoresBus.rowCount >0}" />
								</h:panelGrid>
								<rich:spacer width="15px;" />
								<h:panelGrid columns="1" id="selJug">
									<h:outputText
										value="Seleccione el dorsal y la posición del jugador"
										styleClass="thDescripcion_peq300"
										rendered="#{equipoAction.jugadorSel != null}" />
									<rich:spacer height="5px;"
										rendered="#{equipoAction.jugadorSel != null}" />
									<h:panelGrid columns="2"
										rendered="#{equipoAction.jugadorSel != null}">
										<h:outputText value="Jugador seleccionado:" />
										<h:outputText
											value="#{equipoAction.jugadorSel.jugador.apellidos}, #{equipoAction.jugadorSel.jugador.nombre}" />
									</h:panelGrid>
									<h:panelGrid columns="5"
										rendered="#{equipoAction.jugadorSel != null}">
										<h:outputText value="Dorsal" styleClass="th50" />
										<h:inputText value="#{equipoAction.dorsal}"
											styleClass="input30" maxlength="2" />
										<rich:spacer width="15px;" />
										<h:outputText value="Posición" styleClass="th50" />
										<h:selectOneMenu value="#{equipoAction.posicion}"
											styleClass="input75">
											<s:selectItems var="tipo"
												value="#{equipoAction.listaPosiciones}"
												label="#{tipo.posicion}" noSelectionLabel=""></s:selectItems>
											<s:convertEntity />
										</h:selectOneMenu>
									</h:panelGrid>
									<h:panelGrid columns="4"
										rendered="#{equipoAction.jugadorSel != null}">
										<rich:spacer width="35px;" />
										<a4j:commandButton action="#{equipoAction.aceptAdd()}"
											value="" styleClass="boton_modal aceptar"
											reRender="mensaje, mesage1, jugadoresEquipo, nuevoJug" />
										<rich:spacer width="25px;" />
										<a4j:commandButton action="#{equipoAction.cancelAdd()}"
											value="" styleClass="boton_modal cancelar" reRender="selJug" />
									</h:panelGrid>
								</h:panelGrid>
							</h:panelGrid>
						</h:panelGrid>

					</h:panelGrid>
					<rich:spacer height="15px;"></rich:spacer>
					<h:panelGrid columns="1" id="estadisticasEquipo">
						<h:outputText value="2. Estadísticas de la temporada"
							styleClass="th200_titulo" />
						<rich:spacer height="3px;"></rich:spacer>
						<rich:separator styleClass="separadorTres"></rich:separator>
						<rich:spacer height="10px;"></rich:spacer>
						<h:panelGrid columns="3">
							<rich:panel styleClass="rich-panel">
								<h:panelGrid columns="1">
									<h:outputText value="Partidos" />
									<h:panelGrid columns="2">
										<h:outputText value="J:" title="partidos jugador" />
										<h:outputText
											value="#{equipoAction.participacion.estadisticas.partidosJ}" />
										<h:outputText value="G:" title="partidos ganados" />
										<h:outputText
											value="#{equipoAction.participacion.estadisticas.partidosG}" />
										<h:outputText value="P:" title="partidos perdidos" />
										<h:outputText
											value="#{equipoAction.participacion.estadisticas.partidosP}" />
										<h:outputText value="E:" title="partidos empatados" />
										<h:outputText
											value="#{equipoAction.participacion.estadisticas.puntos}" />
										<h:outputText value="Puntos:" title="puntos totales" />
									</h:panelGrid>
								</h:panelGrid>
							</rich:panel>
							<rich:panel styleClass="rich-panel">
								<h:panelGrid columns="1">
									<h:outputText value="Tarjetas / Faltas" />
									<h:panelGrid columns="2">
										<h:outputText value="A:" title="tarjetas amarillas" />
										<h:outputText
											value="#{equipoAction.participacion.estadisticas.amarillas}" />
										<h:outputText value="R:" title="tarjetas rojas" />
										<h:outputText
											value="#{equipoAction.participacion.estadisticas.rojas}" />
										<h:outputText value="AZ:" title="tarjetas azules" />
										<h:outputText
											value="#{equipoAction.participacion.estadisticas.azules}" />
										<h:outputText value="FR:" title="faltas recibidas" />
										<h:outputText
											value="#{equipoAction.participacion.estadisticas.faltasR}" />
										<h:outputText value="FC:" title="faltas cometidas" />
										<h:outputText
											value="#{equipoAction.participacion.estadisticas.faltasC}" />
									</h:panelGrid>
								</h:panelGrid>
							</rich:panel>
							<rich:panel styleClass="rich-panel">
								<h:panelGrid columns="1">
									<h:outputText value="Goles / Penaltys" />
									<h:panelGrid columns="2">
										<h:outputText value="GF:" title="goles favor" />
										<h:outputText
											value="#{equipoAction.participacion.estadisticas.golesF}" />
										<h:outputText value="GC:" title="goles contra" />
										<h:outputText
											value="#{equipoAction.participacion.estadisticas.golesC}" />
										<h:outputText value="GFBP:" title="goles favor a balón parado" />
										<h:outputText
											value="#{equipoAction.participacion.estadisticas.golesFBP}" />
										<h:outputText value="GCBP:"
											title="goles contra a balón parado" />
										<h:outputText
											value="#{equipoAction.participacion.estadisticas.golesCBP}" />
										<h:outputText value="PF:" title="penaltis favor" />
										<h:outputText
											value="#{equipoAction.participacion.estadisticas.penaltysF}" />
										<h:outputText value="PC:" title="penaltis contra" />
										<h:outputText
											value="#{equipoAction.participacion.estadisticas.penaltysC}" />
										<h:outputText value="PM:" title="penaltis marcados" />
										<h:outputText
											value="#{equipoAction.participacion.estadisticas.penaltysM}" />
									</h:panelGrid>
								</h:panelGrid>
							</rich:panel>
						</h:panelGrid>
					</h:panelGrid>
				</rich:tab>
			</rich:tabPanel>
			<rich:spacer height="10px;"></rich:spacer>

		</h:panelGrid>

	</ui:define>
	<ui:define name="botonera">
		<h:panelGrid columns="9" styleClass="tabla_botonera">
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera ayuda" id="linkAyuda"
					style="width:48px;"
					title="pulsa para obtener ayuda acerca de la pantalla">
					<rich:componentControl for="panelAyuda" attachTo="linkAyuda"
						operation="show" event="onclick"></rich:componentControl>
				</a4j:commandButton>
				<h:outputText value="Ayuda" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="15px;" rendered="#{equipoAction.modo != 2}"></rich:spacer>
			<h:panelGrid columns="1" rendered="#{equipoAction.modo != 2}">
				<a4j:commandButton styleClass="botonBotonera guardar"
					id="linkGuardar" style="width:48px;"
					title="pulsa para guardar los datos del nuevo equipo">
					<rich:componentControl for="panelGuardar" attachTo="linkGuardar"
						operation="show" event="onclick"></rich:componentControl>
				</a4j:commandButton>
				<h:outputText value="Guardar" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="15px;"></rich:spacer>
			<h:panelGrid columns="1">
				<h:commandButton styleClass="botonBotonera exportar"
					style="width:48px;" value=""
					title="pulsa para exportar en pdf la ficha del equipo"
					action="#{exportEquipo.exportarFicha(equipoAction.equipo)}">
				</h:commandButton>
				<h:outputText value="Exportar" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="15px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera volver"
					style="width:48px;" action="#{equipoAction.volver()}"
					title="pulsa para volver al menú equipos de la aplicación">
				</a4j:commandButton>
				<h:outputText value="Volver" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="15px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera inicio"
					style="width:48px;" action="#{equipoAction.menu()}"
					title="pulsa para volver al menú principal de la aplicación">
				</a4j:commandButton>
				<h:outputText value="Inicio" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
		</h:panelGrid>

		<rich:modalPanel id="panelAyuda" minWidth="400" minHeight="200"
			autosized="false" resizeable="false">

			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="160px;"></rich:spacer>
				<h:outputText value="Ayuda" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Está en la pantalla de alta de nuevo equipo. Para dar de alta un nuevo equipo sólo es obligatorio un nombre.  
									Para almacenar los datos pulse el botón guardar de la botonera inferior."
					style="width:325px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="325px;"></rich:spacer>
				<h:panelGrid columns="1">
					<h:commandButton id="Aceptar" styleClass="boton_crr cerrar">
						<rich:componentControl for="panelAyuda" attachTo="Aceptar"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>

		<rich:modalPanel id="panelGuardar" minWidth="400" minHeight="200"
			autosized="false" resizeable="false">

			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="150px;"></rich:spacer>
				<h:outputText value="Guardar" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Se dispone a guardar los datos en el sistema. 
					¿Desea guardar los datos modificados del formulario?"
					style="width:325px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="90px;"></rich:spacer>
				<h:panelGrid columns="3">
					<h:commandButton id="aceptarG" action="#{equipoAction.guardar()}"
						value="" styleClass="boton_modal aceptar">
						<rich:componentControl for="panelGuardar" attachTo="aceptarG"
							operation="hide" event="onclick" />
					</h:commandButton>
					<rich:spacer width="15px;"></rich:spacer>
					<h:commandButton id="cancelarG" value=""
						styleClass="boton_modal cancelar">
						<rich:componentControl for="panelGuardar" attachTo="cancelarG"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="325px;"></rich:spacer>
				<h:panelGrid columns="1">
					<h:commandButton id="cerrarG" styleClass="boton_crr cerrar">
						<rich:componentControl for="panelGuardar" attachTo="cerrarG"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>

	</ui:define>
</ui:composition>